var option1 = {
    tooltip: {
        trigger: 'item',
        formatter: "{b} <br/>所占比率:({d}%)"
    },
    series: [
        {
            name:'CRM各状态客户分布',
            type:'pie',
            radius: ['50%', '70%'],
            avoidLabelOverlap: true,
            label:{
            	normal:{
            		formatter: '{b}：{d}%'
            	}
            },
            data:[
                {value:335, name:'直接访问'},
                {value:310, name:'邮件营销'},
                {value:234, name:'联盟广告'},
                {value:135, name:'视频广告'},
                {value:1548, name:'搜索引擎'}
            ]
        }
    ]
};

var option2 = {
	tooltip : {
		trigger : 'axis',
		axisPointer : {
			animation : false
		}
	},
    xAxis: {
        type: 'time',
		interval : 3600 * 24 * 1000
    },
    yAxis: {
        type: 'value',
		name : '人数'
    },
    series: [{
    	data : [ [ '2017-08-01', 20 ], [ '2017-08-03', 32 ], [ '2017-08-04', 20 ], [ '2017-08-05', 40 ] ],
        type: 'line',
        smooth: true
    }]
};

/* 客户来源分布 */
var option3 = {
    tooltip: {
        trigger: 'item',
        formatter: "{b} <br/>所占比率:({d}%)"
    },
    series: [
        {
            name:'CRM客户来源分布',
            type:'pie',
            radius: ['40%', '70%'],
            avoidLabelOverlap: true,
            label:{
            	normal:{
            		formatter: '{b}：{d}%'
            	}
            },
            data:[
                {value:335, name:'直接访问'},
                {value:310, name:'邮件营销'},
                {value:234, name:'联盟广告'},
                {value:135, name:'视频广告'},
                {value:1548, name:'搜索引擎'}
            ]
        }
    ]
};

/* 赢单数按照客户来源统计 */
var option4 = {
    tooltip: {
        trigger: 'item',
        formatter: "{b} <br/>所占比率:({d}%)"
    },
    series: [
        {
            name:'CRM赢单数',
            type:'pie',
            radius: ['40%', '70%'],
            avoidLabelOverlap: true,
            label:{
            	normal:{
            		formatter: '{b}：{d}%'
            	}
            },
            data:[
                {value:335, name:'直接访问'},
                {value:310, name:'邮件营销'},
                {value:234, name:'联盟广告'},
                {value:135, name:'视频广告'},
                {value:1548, name:'搜索引擎'}
            ]
        }
    ]
};
/* 流失数按照客户来源统计 */
var option5 = {
    tooltip: {
        trigger: 'item',
        formatter: "{b} <br/>所占比率:({d}%)"
    },
    series: [
        {
            name:'CRM流失数',
            type:'pie',
            radius: ['40%', '70%'],
            avoidLabelOverlap: true,
            label:{
            	normal:{
            		formatter: '{b}：{d}%'
            	}
            },
            data:[
                {value:335, name:'直接访问'},
                {value:310, name:'邮件营销'},
                {value:234, name:'联盟广告'},
                {value:135, name:'视频广告'},
                {value:1548, name:'搜索引擎'}
            ]
        }
    ]
};

var params={
	projectId : $("#projectId", top.document).val()
};
$(function(){
	layui.use([ 'form', 'laydate' ], function() {
		var laydate = layui.laydate, form = layui.form;

		// 初始化分店下拉
		initFormSelectsExt({// 分店ffff
			id : "project",
			url : '/app/customerInfo/getProjectJson',
			defaultValue : params.projectId,
			first : "*" // 代表没有默认提示项
		});

		laydate.render({
			elem : 'input.usageRateDate', // 指定元素
			range : '~',
			done : function(value, date, endDate) {
				var rangeDate = value.split(' ~ ');
				params.staDate = rangeDate[0];
				params.endDate = rangeDate[1];
				initChart2();
			}
		});
		form.on('select(dateTl)', function(data) {
			$("input.usageRateDate").val("");
			var now = new Date();
			// 以当前时间为结束时间 计算区间
			var endDate = now.format('yyyy-MM-dd');
			now.setMonth(now.getMonth() - data.value);
			var staDate = now.format('yyyy-MM-dd');

			params.staDate = staDate;
			params.endDate = endDate;
			initChart2();
		});
		form.on('select(project)', function(data) {
			params.projectId = data.value;
			initChart2();
		});
	});
	
	
	//初始化各个图表
	initChart1();
	initChart2();
	initChart3();
	initChart4();
	initChart5();
});

function initChart1() {
	var myChart1 = echarts.init(document.getElementById('crmState'));
	var ele=document.getElementById('crmState');
	$.post("/app/statistical/crmState", {
		params : params
	}, function(data) {
		if(data.length>0){
			option1.series[0].data = data;
			$.each(data,function(i,v){//赋值页面数据
				if(v.name=='初步接洽'){
					$(".chubu").text(v.value);
				}else if(v.name=='赢单'){
					$(".yingdan").text(v.value);
				}else if(v.name=='流失'){
					$(".liushi").text(v.value);
				}
			});
			// 使用刚指定的配置项和数据显示图表。
			myChart1.setOption(option1);
		}else{
			$(ele).html('<img src="/images/network-problem.jpg" class="network-problem" alt="">');
		}
		
	});
}

function initChart2() {
	var myChart2 = echarts.init(document.getElementById('crmCount'));
	$.post("/app/statistical/crmCount", {
		params : params
	}, function(data) {
		console.log(data,"data1111111111")
		option2.series[0].data = convDouArray(data);
		// 使用刚指定的配置项和数据显示图表。
		myChart2.setOption(option2);
	});
}

function initChart3() {
	var myChart3 = echarts.init(document.getElementById('crmFrom'));
	$.post("/app/statistical/crmFrom", function(data) {
		option3.series[0].data = data;
		// 使用刚指定的配置项和数据显示图表。
		myChart3.setOption(option3);
	});
}

/* 统计赢单客户来源分布 */
function initChart4() {
	var myChart4 = echarts.init(document.getElementById('crmWinFrom'));
	$.post("/app/statistical/crmFrom", {
		state : 1
	}, function(data) {
		option4.series[0].data = data;
		// 使用刚指定的配置项和数据显示图表。
		myChart4.setOption(option4);
	});
}
/* 统计赢单客户来源分布 */
function initChart5() {
	var myChart5 = echarts.init(document.getElementById('crmLoseFrom'));
	$.post("/app/statistical/crmFrom", {
		state : 2
	}, function(data) {
		option5.series[0].data = data;
		// 使用刚指定的配置项和数据显示图表。
		myChart5.setOption(option5);
	});
}

/* 将一维数组([{x:1,y:2},{x:1,y:2},{x:1,y:2}])转换成二维数组([[1,2],[1,2],[1,2]]) */
function convDouArray(data) {
	var array = new Array();
	for (var i = 0; i < data.length; i++) {
		array.push([ data[i].x, parseFloat(data[i].y) ]);
	}
	return array;
}